<template>
  <div class="setting">
    <ul>
      <li class="li">
        成员加入需要审批
        <div class="button"></div>
      </li>
      <router-link to="" tag="li" class="li">
        设置发主题权限
        <i class="icon-arrow1"></i>
      </router-link>
      <li class="li">
        允许分享主题
        <div class="button"></div>
      </li>
    </ul>

    <div class="tips">开启后，可以分享到微信、朋友圈</div>
  </div>
</template>

<script>
  export default {
    name: 'home',
    components:{
    },
    data () {
      return {

      }
    },
    mounted (){

    },
    methods : {

    }
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  @import "../assets/css/common.scss";
  .setting{
    ul{background:#fff; overflow:hidden; margin-bottom:rem(20); clear:both; font-size:rem(32);
      .li{padding-right:rem(27); height:rem(100); line-height:rem(100); margin-left:rem(30); @include border-half-all($border,'bottom');
        &:last-child{
          &:before{display:none;}
        }
      }
      .icon-arrow1{color:$black-light; float:right; line-height: rem(100); font-size:rem(28)}
    }
    .tips{color:$black-light; font-size:rem(28); padding-left:rem(30); padding-right:rem(28); margin-bottom:rem(40);}
  }
</style>
